// ==UserScript==
// @name         Better NXU
// @namespace    https://thisish.com/
// @version      0.2.4
// @description  这是一个增强 NXU 网站使用体验的JavaScript脚本.
// @author       H
// @run-at       document-idle
// @storageName  h.nxu
// @match        *://webvpn.nxu.edu.cn*
// @match        *://jsfzyjxzlxt.nxu.edu.cn*
// @match        *://jwgl.nxu.edu.cn*
// @match        *://202.201.128.234*
// @grant        unsafewindow
// @grant        GM_info
// @grant        GM_log
// @grant        CAT_userConfig
// @grant        GM_addStyle
// @grant        GM_getResourceText
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_addElement
// @grant        GM_setClipboard
// @grant        GM_xmlhttpRequest
// @require      https://scriptcat.org/lib/1405/^1.0.6/h.notification.js
// @require      https://unpkg.com/tesseract.js@5.1.1/dist/tesseract.min.js
// @require      https://unpkg.com/vue@3/dist/vue.global.js
// @resource     svg-logo https://cdn.bootcdn.net/ajax/libs/font-awesome/6.2.1/css/all.min.css
// @resource     tesseract https://unpkg.com/tesseract.js@5.1.1/dist/tesseract.min.js
// @resource     vant-css https://unpkg.com/vant@4/lib/index.css
// @resource     vue-js https://unpkg.com/vue@3/dist/vue.global.js
// @resource     vant-js https://unpkg.com/vant@4.8.0/lib/vant.min.js
// @connect      webvpn.nxu.edu.cn
// ==/UserScript==

// // @require      https://cdn.jsdelivr.net/npm/tesseract.js@5/dist/tesseract.min.js
/* ==UserConfig==
WebVPN:
    username:
        title: 账号
        description: 连接校园网的账号
        type: text
        default: null
    password:
        title: 密码
        description: 连接校园网的密码
        type: text
        default: null
        password: true
    autoLogin:
        title: 自动登录WebVPN
        description: 是否自动登录WebVPN
        type: checkbox
        default: false
    autoClose:
        title: 自动关闭错误网站
        description: 是否自动关闭显示错误的网站
        type: checkbox
        default: false
    courseGrab:
        title: 抢课备用列表 
        description: 是否添加抢课备用列表
        type: checkbox
        default: false
    customCard:
        title: 在主页需要添加的卡片
        description: 这里可以选择在主页增加的自定义卡片
        type: mult-select
        default: ['学工系统','中国知网']
        values: ['教务管理','中国知网', '万方数据','学工系统']
    qualityJson:
        title: 评教系统自定义配置
        description: 这里可以配置评教系统的自定义设置，请严格按照以下要求：1. 每一条规则均用[]表示，每条规则之间用英文逗号,隔开。2. 内有三个参数，每个参数之间用英文逗号,隔开。3. 参数1为一个数字，表示第几列；参数2为一个字符串，需用英文单引号'引用，表示这一列匹配的内容是什么；参数3为一个数字，1表示完全同意，2表示同意，以此类推。  示例：[[0, '“四史”教育'， 2], [1, 'XX学院'， 1]]
        type: textarea
        default: []
Jwgl:
    username:
        title: 账号
        description: 登录教务系统的账号（一般同校园网）
        type: text
        default: null
    password:
        title: 密码
        description: 登录教务系统的密码（一般同校园网）
        type: text
        default: null
        password: true
    autoLogin:
        title: 自动登录教务系统
        description: 是否自动登录教务系统（抢课时可解放双手）
        type: checkbox
        default: false
    courseBeautify:
        title: 课表美化
        description: 是否自动美化课表
        type: checkbox
        default: false
 ==/UserConfig== */

(async function() {
    'use strict';

    // ==Basic==
        function Basic() {
            // 添加Notification组件
                // 添加组件
                addToast();
                //createToast("success", "测试消息", 0);
                // 添加css样式
                GM_addStyle(ToastCss);
                GM_addStyle(GM_getResourceText("svg-logo").replace(/\.\.\/webfonts/g, "https://cdn.bootcdn.net/ajax/libs/font-awesome/6.2.1/webfonts"));
                //绑定Toast事件
                unsafeWindow.createToast = createToast;
                unsafeWindow.removeToast = removeToast;
            // 绑定事件
                unsafeWindow.CAT_userConfig = CAT_userConfig;
            // UI
                unsafeWindow.Vue = Vue;
                GM_addStyle(GM_getResourceText("vant-css"));
                unsafeWindow.eval(GM_getResourceText("vant-js"));
                unsafeWindow.vant = vant;
        }
    // /==Basic==

    // ==Constant==
        const Info = GM_info;
        const Url = window.location.href;
        const Host = window.location.host;
        const Origin = window.location.origin;
        const Path = window.location.pathname;
        const LoadMessage = { "loading tesseract core": "核心加载", "initializing tesseract": "初始化", "loading language traineddata": "加载语言训练数据", "initializing api": "初始化接口", "recognizing text": "识别验证码" };
        const ConfigVersion = 1;
    // /==Constant==

    // ==Function==
        function GetVerificationCode(web) {
            var url = "";
            switch (web) {
                case "WebVPN":
                    url = "https://webvpn.nxu.edu.cn/https/77726476706e69737468656265737421f9f352d229287d1e7b0c9ce29b5b/authserver/captcha.html?vpn-1&ts=225";
                    break;
                case "Jwgl":
                    url = "captcha/image.action";
                    break;
                default:
                    return;
            }
            MyConsole(url)
            return new Promise(async function (resolve, reject) {
                Tesseract.recognize(
                    url,
                    'eng',
                    { logger: m => LoadMessage[m.status] ? (MyConsole(LoadMessage[m.status])) : (null) }
                ).then(({ data: { text } }) => {
                    MyConsole(text.replace(/\s+/g, ''));
                    resolve(text.replace(/\s+/g, ''));
                })
            });
        }

        function MyConsole(msg) {
            if (typeof (msg) != 'object') {
                // if (/\n/.test(msg)) {
                //     console.log("======== Better NXU ========\n" + msg + "\n======== Better NXU ========");
                // } else {
                    console.log(
                        '%c %s %c %s',
                        'border-radius: 5px;padding: 3px 4px;color: white;background-color: #3a8bff;margin-bottom: 0.5em',
                        'Better NXU',
                        'margin-left: 0.6em;font-size:1.2em',
                        '\n' + msg,
                    );
                // }
            } else {
                console.log(
                    '%c %s %c %s',
                    'border-radius: 5px;padding: 3px 4px;color: white;background-color: #3a8bff;margin-bottom: 0.5em',
                    'Better NXU',
                    'margin-left: 0.6em;',
                    '\n下面是一个object对象',
                );
                console.log(msg);
            }
        }

        function CheckUsernameAndSecret(web) {
            const username = GM_getValue(web + ".username", false);
            const password = GM_getValue(web + ".password", false);
            if (!username || !password) {
                MyConsole("账号密码未配置\n请前往配置相关信息");
                createToast("error", `
                    <p style="margin-bottom:0.5em;margin-top: 0">账号密码未配置<br>请前往配置相关信息</p>
                    <a href="javascript:void(0)" onclick="CAT_userConfig()" style="font-weight:bold;font-size:small">> 前往配置 <</a>
                `);
                return false;
            }
            return true;
        }

        function GetQuery(msg) {
            // 获取当前页面的 URL
            let urlString = window.location.href;
            // 创建 URL 对象
            let url = new URL(urlString);
            // 获取查询参数
            let searchParams = new URLSearchParams(url.search);
            let result = searchParams.get(msg);
            return result;
        }

        // 随机数
        function random(min, max) {
            return parseInt(Math.random() * (max - min + 1) + min, 10);
        }

        // 等待执行
        function WaitTime(min, max = 0, log = true, msg = "无") {
            var waitmsg, waittime, line;
            if (max == 0) {
                waittime = min;
                waitmsg = `====================\n等待了：${(waittime / 1000)} 秒\n备注：${msg}\n====================`;
            } else {
                waittime = random(min, max);
                waitmsg = `====================\n随机等待了：${(waittime / 1000)} 秒\n备注：${msg}\n====================`;

            }
            return new Promise(function (resolve, reject) {
                setTimeout(function () {
                    if (log) {
                        MyConsole(waitmsg.replace(/ /g, ""));
                    }
                    resolve();
                }, waittime);
            });
        }
    // /==Function==

    MyConsole(`开始运行`);
    MyConsole(Info);
    while (document.readyState != "complete") {
        await WaitTime(100);
    }
    MyConsole(`判断页面...`);
    switch (Host) {
        case 'webvpn.nxu.edu.cn':
            MyConsole("欢迎使用 webvpn");
            if (Url.indexOf("service=https%3A%2F%2Fwebvpn.nxu.edu.cn%2Flogin%3Fcas_login%3Dtrue") != -1) {
                MyConsole("这里是 - 登录页");
                unsafeWindow.eval(GM_getResourceText("tesseract"));
                Tesseract = unsafeWindow.Tesseract;
                Basic();
                webvpnLogin();
            } else if (Url == 'https://webvpn.nxu.edu.cn/') {
                MyConsole("这里是 - 主页");
                Basic();
                webvpnMain();
            } else if (Url.indexOf('xsfw/sys/xggzptapp/*default/index.do') != -1) {
                MyConsole("这里是 - 学工系统");
            } else if (Url.indexOf('/77726476706e69737468656265737421fae04690693e7045300d8db9d6562d/') != -1 || Url.indexOf('/77726476706e69737468656265737421a2a713d27560391e2f5ad1e2ca0677/') != -1) {
                MyConsole("这里是 - 教务系统");
                if (Url.indexOf('index.action') != -1 || Url.indexOf('login.action') != -1) {
                    MyConsole("正在 - 登录页");
                    unsafeWindow.eval(GM_getResourceText("tesseract"));
                    Tesseract = unsafeWindow.Tesseract;
                    Basic();
                    jwglLogin();
                } else if (Url.indexOf('cas.action') != -1) {
                    MyConsole("正在 - 主页");
                    Basic();
                    jwglMain();
                } else if (Url.indexOf('courseTableForStd.action') != -1 && GetQuery('method') == 'stdHome') {
                    MyConsole("正在 - 课表");
                    jwglCourseIframe();
                } else if (Url.indexOf('courseTableForStd.action') != -1 && GetQuery('method') == 'courseTable') {
                    MyConsole("正在 - 课表");
                    jwglCourseBeautify();
                }
            } else if (Url.indexOf('/77726476706e69737468656265737421fbf952d2243e635930068cb8') != -1 || Url.indexOf('/77726476706e69737468656265737421e7e056d2243e635930068cb8') != -1) {
                MyConsole("这里是 - 中国知网");
                if (Url.indexOf('/xmlRead/trialRead') != -1) {
                    MyConsole("正在 - html阅读");
                    webvpnCnkiHtml();
                }
            }
            break;
        case 'jsfzyjxzlxt.nxu.edu.cn':
            MyConsole("欢迎使用评教系统");
            if (Path == "/quality/student/evaluate/item_tasks") {
                MyConsole("这里是 - 选择页");
                qualityChoose();
            } else if (Path == "/quality/student/evaluate/item_tasks_text") {
                MyConsole("这里是 - 填写页");
                qualityText();
            }
            break;
        case 'jwgl.nxu.edu.cn':
            MyConsole("欢迎使用教务系统");
            if (Path == '/index.action' || Path == '/login.action') {
                MyConsole("这里是 - 登录页");
                Basic();
                jwglLogin();
            } else if (Url.indexOf('cas.action') != -1) {
                MyConsole("正在 - 主页");
                Basic();
                jwglMain();
            } else if (Url.indexOf('courseTableForStd.action') != -1 && GetQuery('method') == 'stdHome') {
                MyConsole("正在 - 课表");
                jwglCourseIframe();
            } else if (Url.indexOf('courseTableForStd.action') != -1 && GetQuery('method') == 'courseTable') {
                MyConsole("正在 - 课表");
                jwglCourseBeautify();
            }
        // case 'tuanwei.nxu.edu.cn':
        //     MyConsole("欢迎使用团委");
        //     if (Path == '/system/_content/download.jsp') {
        //         MyConsole("这里是 - 附件下载页");
        //         tuanweiDownload();
        //     } else {
        //         tuanweiSearch();
        //     }
        default:
            if (Host.indexOf('202.201.128.234') != -1) {
                MyConsole("欢迎使用教务系统");
                if (Path == '/index.action' || Path == '/login.action') {
                    MyConsole("这里是 - 登录页");
                    Basic();
                    jwglLogin();
                } else if (Url.indexOf('cas.action') != -1) {
                    MyConsole("正在 - 主页");
                    Basic();
                    jwglMain();
                } else if (Url.indexOf('courseTableForStd.action') != -1 && GetQuery('method') == 'stdHome') {
                    MyConsole("正在 - 课表");
                    jwglCourseIframe();
                } else if (Url.indexOf('courseTableForStd.action') != -1 && GetQuery('method') == 'courseTable') {
                    MyConsole("正在 - 课表");
                    jwglCourseBeautify();
                }
            }
            return;
    }
    return;

    async function webvpnLogin() {
        if (!GM_getValue("WebVPN.autoLogin", false)) {
            return;
        }
        createToast("info", `自动登录...`);
        if (!CheckUsernameAndSecret("WebVPN")) {
            return;
        }
        if (document.querySelector('span#msg.auth_error') && document.querySelector('span#msg.auth_error').innerHTML && document.querySelector('span#msg.auth_error').innerHTML == '您提供的用户名或者密码有误') {
            createToast("error", `
                <p style="margin-bottom:0.5em;margin-top: 0">账号密码配置错误<br>请前往配置相关信息</p>
                <a href="javascript:void(0)" onclick="CAT_userConfig()" style="font-weight:bold;font-size:small">> 前往配置 <</a>
            `);
            return;
        }
        if (document.querySelector("p#cpatchaDiv") && document.querySelector("p#cpatchaDiv").innerHTML && document.querySelector("p#cpatchaDiv").innerHTML.replace(/\s/g, '') != '') {
            // var verification = await GetVerificationCode("WebVPN");
            // document.querySelector('input#captchaResponse').value = verification;
            createToast("warning", `请手动输入验证码登录`, 0);
            return;
        }
        document.querySelector('input#username').value = GM_getValue("WebVPN.username");
        document.querySelector('input#password').value = GM_getValue("WebVPN.password");
        document.querySelector('button[type=submit]').click();
    }

    async function jwglLogin() {
        if (!GM_getValue("Jwgl.autoLogin", false)) {
            return;
        }
        createToast("info", `自动登录...`);
        if (!CheckUsernameAndSecret("Jwgl")) {
            return;
        }
        if (document.querySelector('div#errors.message') && document.querySelector('div#errors.message').innerHTML) {
            const errorText = document.querySelector('div#errors.message').innerHTML;
            if (errorText == "密码错误" || errorText == "账户不存在") {
                createToast("error", `
                    <p style="margin-bottom:0.5em;margin-top: 0">账号密码配置错误<br>请前往配置相关信息</p>
                    <a href="javascript:void(0)" onclick="CAT_userConfig()" style="font-weight:bold;font-size:small">> 前往配置 <</a>
                `);
                return;
            }
        }
        var verification = await GetVerificationCode("Jwgl");
        document.getElementsByName("loginForm.name")[0].value = GM_getValue("Jwgl.username");
        document.getElementsByName("loginForm.password")[0].value = GM_getValue("Jwgl.password");
        document.getElementsByName("loginForm.captcha")[0].value = verification;
        document.querySelector("input#loginSubmit").click();
    }

    async function webvpnMain() {
        const firstSet = GM_getValue('firstSet', 0);
        const configVersion = GM_getValue('configVersion', -1);
        // createToast("success", "测试消息", 0);

        //更新配置弹窗
        MyConsole("检查配置信息");
        GM_addElement(document.querySelector('body'), 'div', { id: 'update' });
        var update_template = '', update_show = false;
        if (!firstSet) {
            update_template = `
                <van-dialog v-model:show="show" title="Better NXU 首次配置" show-cancel-button confirmButtonText="前往配置" @confirm="goConfig" @close="closeFunc" style="--van-dialog-font-size:1.5em;--van-dialog-header-padding-top:18px">
                    <div style="font-size: 16px;color:var(--van-dialog-has-title-message-text-color);margin: 0.5em 0;padding: 0 2em;display: flex;flex-direction: column;justify-content: center;">
                        <p style="text-align: center;line-height: 22px;">
                            <span style="font-weight:bold;">这好像是你<span style="color:#0283EF">第一次</span>使用本插件</span><br>
                            我们需要一些配置信息<br>
                            你可以选择<span style="color:#32AE57">前往配置</span><br>
                            或点击<span style="color:#FF7B35">取消</span>不进行配置<br>
                            后续自行前往设置页面进行配置
                        </p>
                    </div>
                </van-dialog>
            `;
            update_show = true;
        } else if (configVersion != ConfigVersion) {
            update_template = `
                <van-dialog v-model:show="show" title="Better NXU 版本更新" show-cancel-button confirmButtonText='前往配置' @confirm="goConfig" @close="closeFunc" style="--van-dialog-font-size:1.5em;--van-dialog-header-padding-top:18px">
                    <div style="font-size: 16px;color:var(--van-dialog-has-title-message-text-color);margin: 0.5em 0;padding: 0 2em;display: flex;flex-direction: column;justify-content: center;">
                        <p style="text-align: center;line-height: 23px;">
                            <span style="font-weight:bold;">V ${Info.script.version}</span><br>
                            我们更新了一些配置信息<br>
                            你可以选择<span style="color:#32AE57">前往配置</span><br>
                            或点击<span style="color:#FF7B35">取消</span>不进行配置<br>
                            后续自行前往设置页面进行配置
                        </p>
                    </div>
                </van-dialog>
            `;
            update_show = true;
        }
        const update = Vue.createApp({
            template: update_template,
            setup() {
                const show = Vue.ref(false);
                show.value = update_show;
                const goConfig = () => {
                    CAT_userConfig();
                }
                const closeFunc = () => {
                    GM_setValue('firstSet', true);
                    GM_setValue('configVersion', ConfigVersion);
                }
                return { show, goConfig, closeFunc };
            }
        });
        update.use(vant);
        update.mount("#update");

        // //更新弹窗
        // const version = GM_getValue('version');
        // if (version != Version) {
        //     GM_setValue('version', Version);
        //     createToast("info", `
        //         <p style="font-weight:bold;margin-bottom:0.5em">Better NXU V ${Version} 已更新！</p>
        //         <p style="margin-bottom:0.5em">${VersionContent}</p>
        //         <a href="javascript:void(0)" onclick="CAT_userConfig()" style="font-weight:bold;font-size:small">> 前往配置 <</a>
        //     `);
        // }
        
        // 抢课备用列表
        function divCard(href, icon, title, content) {
            var div = document.createElement('div');
            div.innerHTML = `
                <a target="_blank" href="${href}" class="block-group__item is-active">
                    <div class="block-group__item__logo__wrap">
                        ${icon}
                    </div>
                    <div class="block-group__item__content">
                        <h2 title="${title}" class="block-group__item__name">${title}</h2>
                        <div title="${content}" class="block-group__item__desc">${content}</div>
                    </div>
                </a>
            `;
            div.className = 'block-group__item__wrap';
            return div;
        }
        function titleCard(title, id) {
            var div = document.createElement('div');
            div.innerHTML = `
                <h1 class="block-group__title">${title}</h1>
                <div class="block-group__content"></div>
            `;
            div.className = 'block-group';
            div.dataset.id = id;
            return div;
        }

        const mainDiv = document.querySelector('.portal-content__block .el-scrollbar__view');

        if (GM_getValue('WebVPN.courseGrab', false)) {
            mainDiv.prepend(titleCard("抢课备用网址", "classes"));
            const classesDiv = document.querySelector('div[data-id=classes] div.block-group__content');
            for (let i = 0; i <= 3; i++) {
                classesDiv.appendChild(divCard(
                    `http://202.201.128.234:${8080 + i}`,
                    '<div class="block-group__item__logo" style="background-color: rgb(80, 135, 229);">抢</div>',
                    `备用${i + 1}`, "仅校园网可用")
                );
            }
            for (let i = 0; i <= 3; i++) {
                classesDiv.appendChild(divCard(
                    `https://webvpn.nxu.edu.cn/http-${8080 + i}/77726476706e69737468656265737421a2a713d27560391e2f5ad1e2ca0677/index.action`,
                    '<div class="block-group__item__logo" style="background-color: rgb(80, 135, 229);">抢</div>',
                    `备用${i + 5}`, "校外可用")
                );
            }
        }

        //自定义卡片
        const webVPNCustomCard = GM_getValue("WebVPN.customCard");
        if (webVPNCustomCard.length != 0) {
            mainDiv.prepend(titleCard("自定义", "custom"));
            const customDiv = document.querySelector('div[data-id=custom] div.block-group__content');
            if (webVPNCustomCard.indexOf('教务管理') != -1) {
                customDiv.appendChild(divCard(
                    `https://webvpn.nxu.edu.cn/https-443/77726476706e69737468656265737421fae04690693e7045300d8db9d6562d/cas.action`,
                    '<div class="block-group__item__logo" style="background-color: rgb(235, 94, 94);">教</div>',
                    `教务平台`, "教务管理平台")
                );
            }
            if (webVPNCustomCard.indexOf('学工系统') != -1) {
                customDiv.appendChild(divCard(
                    `https://webvpn.nxu.edu.cn/https/77726476706e69737468656265737421e8e4478b693e7045300d8db9d6562d/`,
                    '<div class="block-group__item__logo" style="background-color: #95c2fb;">学</div>',
                    `学工系统`, "学工平台")
                );
            }
            if (webVPNCustomCard.indexOf('中国知网') != -1) {
                customDiv.appendChild(divCard(
                    `https://webvpn.nxu.edu.cn/https/77726476706e69737468656265737421e7e056d2243e635930068cb8/`,
                    '<div class="block-group__item__logo" style="background-color: #1b66e6;">知</div>',
                    `中国知网`, "中国期刊全文数据库")
                );
            }
            if (webVPNCustomCard.indexOf('万方数据') != -1) {
                customDiv.appendChild(divCard(
                    `https://webvpn.nxu.edu.cn/https/77726476706e69737468656265737421e7e056d2303166567f068ea89941227bfcd3ca21bd0c/`,
                    '<div class="block-group__item__logo" style="background-color: #00417e;">万</div>',
                    `万方数据`, "万方数据知识服务平台")
                );
            }
        }
    }

    async function jwglCourseIframe() {
        // 获取 iframe 元素
        var iframe = document.querySelector("#contentListFrame");
        while (iframe.contentDocument && iframe.contentDocument.readyState != "complete") {
            await WaitTime(100);
        }
        // 等待 iframe 中的内容加载完成后获取内容高度并设置 iframe 高度
        var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
        var height = iframeDocument.body.scrollHeight + 'px';
        iframe.style.height = height;
    }

    async function jwglCourseBeautify() {
        if (!GM_getValue('Jwgl.courseBeautify')) {
            return;
        }

        function jwglClass(content_array, mode = -1) {
            if (mode == 0) {
                return `
                <div class="class_main" style="display:flex;flex-direction:column;align-items:center;margin-bottom:1em">
                    <div class="classroom">${content_array[3]}</div>
                    <div class="subject">${content_array[1]}</div>
                    <div class="teacher">${content_array[2]}<br>${content_array[0]}</div>
                </div>
        `;
            } else if (mode > 0) {
                return `
                <div class="class_main" style="display:flex;flex-direction:column;align-items:center;margin-bottom:1em">
                    <div class="teacher">${content_array[2]}<br>${content_array[0]}</div>
                </div>
        `;
            } else {
                return `
                <div class="class_main" style="display:flex;flex-direction:column;align-items:center;margin-bottom:1em">
                    <div class="classroom">${content_array[3]}</div>
                    <div class="subject">${content_array[0]}</div>
                    <div class="teacher">${content_array[2]}<br>${content_array[1]}</div>
                </div>
            `;
            }
        };

        GM_addStyle(`
            <style>
                .class_main > div {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    margin: 0;
                }
                .teacher {
                    font-size: 12px;
                    padding: 0;
                }
                .classroom {
                    font-size: 12px;
                    padding: 0;
                    /* color: #eff0ea; */
                }
                .subject {
                    font-size: 16px;
                    font-weight: bold;
                    padding: 0.5em 0;
                }
            </style>
        `);
        $("body").html($("body").html().replace(".noneprint{\n\tdisplay:none\n}    \n\n", ""))
        $("table.listTable#contentListFrame").addClass('optimized');
        $("table").css("margin-bottom", "3em");
        $("tr").attr("height", "auto");
        $("tr").css("min-height", "45px");
        $("td").css("padding-left", "0");
        $("td > div").each(function () {
            var div = $(this);
            //div.html(div.attr('title'));
            div.css("height", "auto");
            div.css("padding", "1em 0.5em 0");
            var content = div.attr('title');
            // content = content.split(/(?<!\d|\[|\]|\(|\))[ \n\r]+(?<!\d|\[|\]|\(|\))/);
            content = content.split(/\n|(?<!\n)\s{2,}?(?!\n)/);
            console.log(content);
            (content.length == 3) ? (content.splice(1, 0, "未定")) : (null);
            var content_array = [];
            for (let i = 0; i < content.length; i += 4) {
                content_array.push(content.slice(i, i + 4));
            }
            console.log(content_array);
            div.css("display", "flex");
            div.css("flex-direction", "column");
            div.css("justify-content", "center");
            div.css("align-items", "center");
            div.css("text-align", "center");
            div.html("");
            for (let i = 0; i < content_array.length; i++) {
                if (content_array.length > 1) {
                    if (i == 0 || content_array[i][1] == content_array[i - 1][1]) {
                        div.append(jwglClass(content_array[i], i));
                    } else {
                        div.append('<div style="height:1px; background-color: grey;width: 90%;margin-bottom:1em"></div>')
                        div.append(jwglClass(content_array[i], 0));
                    }
                } else {
                    div.append(jwglClass(content_array[i]));
                }
            }
        });
    }

    async function webvpnCnkiHtml() {
        function getCurrentSelect() {
            let selectionObj = null, rangeObj = null;
            let selectedText = "", selectedHtml = "";
            // 处理兼容性
            if (window.getSelection) {
                // 现代浏览器
                // 获取text
                selectionObj = window.getSelection();
                selectedText = selectionObj.toString();
                //  获取html
                rangeObj = selectionObj.getRangeAt(0);
                var docFragment = rangeObj.cloneContents();
                var tempDiv = document.createElement("div");
                tempDiv.appendChild(docFragment);
                selectedHtml = tempDiv.innerHTML;
            } else if (document.selection) {
                // 非主流浏览器IE
                selectionObj = document.selection;
                rangeObj = selectionObj.createRange();
                selectedText = rangeObj.text;
                selectedHtml = rangeObj.htmlText;
            }
            return {
                text: selectedText,
                html: selectedHtml
            }
        };
        // 使标题可选中
        document.querySelector('h1.Chapter').setAttribute('style', 'user-select:auto;');
        MyConsole("复制已开启");
        // 监听内容区域鼠标抬起事件
        document.addEventListener('mouseup', function () {
            var copy = getCurrentSelect();
            if (copy.text == "") {
                return;
            }
            // myConsole('onmouseup');
            MyConsole(getCurrentSelect());
            GM_setClipboard(getCurrentSelect().text);
        });
    }
})();